草庐IT

2D 地图绘制

全部标签

javascript - 掌握 Meteor 中的外部脚本加载顺序(谷歌地图)

我尝试将谷歌地图(外部加载的脚本)添加到meteor应用程序,但没有成功,我注意到有两种问题:如果我做简单的事情并将主要的API脚本添加到我的,然后它被呈现为last。发生这种情况时,我必须在模板的中再次插入任何依赖API的脚本。-在主要API脚本之后。(否则脚本会提示他们看不到APIblabla..)然后真正的函数调用时间到了——现在把它放在里面剩下的就不行了。您需要使用Template.MyTemplate.rendered。基本上我的问题是:处理这类事情最干净的方法是什么?我是否可以使用其他一些变量/方法来确保我的Google主API文件首先在我的HTML中被调用?

javascript - Three.js绘制简单三 Angular 形

我正在尝试用three.js绘制三Angular形:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,1000);camera.position.z=100;scene.add(camera);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(r

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 我怎样才能用 flot 只绘制点(而不是线)?

最终我想要一个像这样的非常小的一维图表:坐标轴X轴:0到100,不可见Y轴:0到0(但绘制三条线可能需要-1到1)数据仅积分。无需排队。两个数据集需要不同的颜色(首选红色和绿色)。x轴上的所有数据(y=0)如果形状是可能的,X和O将是完美的飞机我需要在x轴上的特定点绘制三条线,而不是标准网格。示例:[[40,-1],[40,1]],[[50,-1],[50,1]],[[60,-1],[60,1]]这是我到目前为止尝试过的:d1=[[48,0],[16,0],[10,0],[40,0],[30,0],[37,0]];d2=[[43,0],[60,0],[74,0],[83,0]];var

javascript - gMarker.key 未定义,它是必需的!! Angular 和谷歌地图应用程序中的错误

我有一个应用程序,我试图在Angular应用程序上实现谷歌地图,以在用户选择地点时显示坐标在map上的位置。当我尝试加载此应用程序时出现错误。HTML工作正常,但谷歌地图没有显示在我的应用程序上。可以在以下位置查看:http://creative.coventry.ac.uk/~4078078/Map/gMarker.keyundefinedanditisREQUIRED!!代码如下:HTML:zoom我已经提供了头文件,因为之前的文件有错误。我该如何解决这个错误? 最佳答案 我相信您在marker指令中缺少idkey参数。这是1.

javascript - 谷歌地图 API 发生变化?

我使用谷歌地图、开放图层和dojo工具包为网络应用程序构建了一个map组件。它加载了谷歌地图并绘制了数据点。直到今天早上一切都很好,但突然map停止加载。没有JavaScript错误,打开图层和谷歌仍在初始化,数据点仍在各自的位置绘制,但map未加载。以下是我正在使用的资源:我刚刚尝试了谷歌提供的“HelloWorld”示例(在下面找到)并注意到它有效。https://developers.google.com/maps/documentation/javascript/tutorial我注意到该示例需要使用APIkey。我尝试将我的APIkey放入上面使用的资源中,但无济于事。我还尝

javascript - 我在 d3.js 中定义了一条路径,它绘制正确,但 .getTotalLength() 未定义

以下代码根据数据生成路径。varpath=gameBoard.append('path').attr("id","snake"+snakeIndex).attr("d",interpolator(data)).attr('stroke-width',snakeStroke).attr('fill','none').attr('stroke',config.snakeColor);数据定义的弯曲路径绘制正确。此处未定义getTotalLength()失败:vartotalLength=path.getTotalLength();此外,getPointAlongLength()也未定义:v

javascript - 不使用回调方法加载谷歌地图

我的网站上有多个谷歌地图实例,现在同一页面上有两个不同的谷歌地图,发生的是第一个有效而其他的现在我知道逻辑问题让我先给你看我的代码functioninitMap(){varmyLatLng={lat:43.6222102,lng:-79.6694881};varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:15,center:myLatLng});varmarker=newgoogle.maps.Marker({position:myLatLng,map:map,});}现在我定义了一个回调方法,它总是初始化名为

javascript - 使用纬度和经度生成带有方向的谷歌地图链接

你好,我正在尝试创建一个谷歌地图链接,该链接将重定向到带有方向的map。我将在链接中传递坐标。这是我的代码:varlatDes=this.items[id].LongitudeWD;varlongDes=this.items[id].LatitudeWD;varurl="https://www.google.com/maps/dir/?api=1";varorigin="origin="+tempLatitude+","+tempLongitude;vardestination="&destination="+latDes+","+longDes;varnewUrl=newURL(ur

javascript - Reactjs react 谷歌地图未定义

我正在使用react-google-maps包https://github.com/tomchentw/react-google-maps和https://www.npmjs.com/package/react-google-maps.我有一条错误消息:./src/App.jsLine31:'google'isnotdefinedno-undefLine32:'google'isnotdefinedno-undefLine37:'google'isnotdefinedno-undefLine42:'google'isnotdefinedno-undefLine44:'google'is